<style scoped lang="stylus" type="text/stylus">
  .setting-page {
    width: 364px
    padding-top: 80px
    margin: 0px auto
    li {
      position: relative
      margin-bottom: 42px
      padding: 20px 0px 20px 44px
      background-color: #e5e5e5
      .icon {
        position: absolute
        left 12px
        top: 17px
        color: #4c4c4c
        font-size: 24px
      }
      .title {
        cursor: pointer;
        font-size: 20px;
        color: #4c4c4c;
        &:hover {
          color: #7f7f7f
        }
      }
      p {
        margin-top: 20px
        font-size: 14px;
        color: #7f7f7f;
      }
    }
  }
</style>

<template>
  <div class="setting-page">
    <ul>
      <li v-if="getUserAdmin">
        <i class="icon iconfont icon-zhengfuduijieren"></i>
        <span @click="openPage('scheduleContact')" class="title">政府对接人</span>
        <p>预约企业前来政府办理业务时，可以从此处指定一个对接人，企业可以获得其联系方式。</p>
      </li>

      <li v-if="getUserAdmin">
        <i class="icon iconfont icon-qiyeheimingdan"></i>
        <span @click="openPage('blockList')" class="title">企业黑名单</span>
        <p>管理黑名单中的企业。被拉黑的企业无法察觉自己被拉黑，依然可以继续投递申请，只不过会被系统自动屏蔽，并将申请归集于此。</p>
      </li>
      <!-- <li v-if="approvalPage">
        <i class="icon iconfont icon-qiyeguanli"></i>
        <span @click="openPage('approval')" class="title">企业审核</span>
      </li> -->
      <li>
        <i class="icon iconfont icon-xiugaimima"></i>
        <span @click="openPage('changePw')" class="title">修改密码</span>
      </li>

    </ul>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    name: 'Setting',
    data() {
      return {}
    },
    components: {},
    computed: {
      approvalPage() {
        return this.$store.state.userMsg.loginName && this.$store.state.userMsg.loginName == 'fcadmin'
      },
      getUserAdmin() {
        return this.$store.state.userMsg.admin
      }
    },
    methods: {
      openPage(action) {
        this.$router.push({name: action});
      }
    },
    created() {
    }
  }
</script>
